// 超链接文字
.href-txt {
  color : blue;
  cursor: pointer;

  &:hover {
    text-decoration: underline
  }
}


// 操作文字颜色
.green-txt {
  color        : #17c295;
  border-bottom: 1px solid;
}

.green-txt:hover {
  color        : #17c295 !important;
  border-bottom: 0;
}

.deep-green-txt {
  color        : #00bad0;
  border-bottom: 1px solid;
}

.deep-green-txt:hover {
  color        : #00bad0 !important;
  border-bottom: 0;
}

.blue-txt {
  color        : #0098f8;
  border-bottom: 1px solid;
}

.blue-txt:hover {
  color        : #0098f8 !important;
  border-bottom: 0;
}

.orange-txt {
  color        : #fc8950;
  border-bottom: 1px solid;
}

.orange-txt:hover {
  color        : #fc8950 !important;
  border-bottom: 0;
}

.light-orange-txt {
  color        : #fc9d50;
  border-bottom: 1px solid;
}

.light-orange-txt:hover {
  color        : #fc9d50 !important;
  border-bottom: 0;
}

// 页面内tab的颜色
.tag-first-style {
  color      : #999999;
  font-size  : 14px;
  line-height: 14px;
}

.tag-style {
  color      : #666666;
  font-size  : 14px;
  line-height: 14px;
}

//整行的线
.tab-path-line {
  width        : 100%;
  background   : #3779ca;
  height       : 2px;
  opacity      : 0.4;
  margin-top   : 18px;
  margin-bottom: 18px;
}

// 绿色按钮
.light-green-btn {
  background-color: #4ad0b8;
  border-color    : #4ad0b8;
  color           : #ffffff;

  &:hover {
    background-color: #4ad0b8;
    border-color    : #4ad0b8;
    color           : #ffffff;
    opacity         : 0.8;
  }

  &:focus {
    background-color: #4ad0b8;
    border-color    : #4ad0b8;
    color           : #ffffff;
    opacity         : 0.8;
  }
}

.green-btn {
  background-color: #00d09d;
  border-color    : #00d09d;
  color           : #ffffff;

  &:hover {
    background-color: #00d09d;
    border-color    : #00d09d;
    color           : #ffffff;
    opacity         : 0.8;
  }

  &:focus {
    background-color: #00d09d;
    border-color    : #00d09d;
    color           : #ffffff;
    opacity         : 0.8;
  }
}

.deep-green-btn {
  background-color: #00bad0;
  border-color    : #00bad0;
  color           : #ffffff;

  &:hover {
    background-color: #00bad0;
    border-color    : #00bad0;
    color           : #ffffff;
    opacity         : 0.8;
  }

  &:focus {
    background-color: #00bad0;
    border-color    : #00bad0;
    color           : #ffffff;
    opacity         : 0.8;
  }
}

// 蓝色按钮
.light-blue-btn {
  background-color: #66c3fd;
  border-color    : #66c3fd;
  color           : #ffffff;

  &:hover {
    background-color: #66c3fd;
    border-color    : #66c3fd;
    color           : #ffffff;
    opacity         : 0.8;
  }

  &:focus {
    background-color: #66c3fd;
    border-color    : #66c3fd;
    color           : #ffffff;
    opacity         : 0.8;
  }
}

.blue-btn {
  background-color: #0098f8;
  border-color    : #0098f8;
  color           : #ffffff;

  &:hover {
    background-color: #0098f8;
    border-color    : #0098f8;
    color           : #ffffff;
    opacity         : 0.8;
  }

  &:focus {
    background-color: #0098f8;
    border-color    : #0098f8;
    color           : #ffffff;
    opacity         : 0.8;
  }
}

.deep-blue-btn {
  background-color: #028be2;
  border-color    : #028be2;
  color           : #ffffff;

  &:hover {
    background-color: #028be2;
    border-color    : #028be2;
    color           : #ffffff;
    opacity         : 0.8;
  }

  &:focus {
    background-color: #028be2;
    border-color    : #028be2;
    color           : #ffffff;
    opacity         : 0.8;
  }
}

// 橙色按钮
.orange-btn {
  background-color: #f88600;
  border-color    : #f88600;
  color           : #ffffff;

  &:hover {
    background-color: #f88600;
    border-color    : #f88600;
    color           : #ffffff;
    opacity         : 0.8;
  }

  &:focus {
    background-color: #f88600;
    border-color    : #f88600;
    color           : #ffffff;
    opacity         : 0.8;
  }
}

.light-orange-btn {
  background-color: #fc8950;
  border-color    : #fc8950;
  color           : #ffffff;

  &:hover {
    background-color: #fc8950;
    border-color    : #fc8950;
    color           : #ffffff;
    opacity         : 0.8;
  }

  &:focus {
    background-color: #fc8950;
    border-color    : #fc8950;
    color           : #ffffff;
    opacity         : 0.8;
  }
}

// flex布局
.flex-center {
  display        : flex;
  justify-content: center;
  align-items    : center;
}

.flex-row {
  display       : flex;
  flex-direction: row;
}

.flex-row-center {
  display       : flex;
  flex-direction: row;
  align-items   : center;
}

.flex-column {
  display       : flex;
  flex-direction: column;
}

.flex-column-center {
  display       : flex;
  flex-direction: column;
  align-items   : center;
}

// 表格样式
.ant-table-pagination.ant-pagination {
  text-align: center;
  width     : 100%;
  font-size : 14px;
}

.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  float    : right;
  font-size: 14px;
  color    : #999999;
}

.ant-pagination-item-active {
  background: #0098f8;
}

.ant-pagination-item-active a,
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #fff;
}